<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Insert title here</title>
		<link rel="stylesheet" type="text/css" href="css/rest.css"/>
		<style type="text/css">
			body{width: 100%;height: 100%;}
			*{margin: 0;padding: 0;}
				.bjt{background:radial-gradient(#6f4351,#40325b);width: 100%;height: 120px;}
				.huixiang{width: 200px;height: 80px;position: absolute;left: 0px;top: 10px;}
				.ziti{font-size: 25px;font-style: italic;font-family: 宋体;color:#91b5ff ;font-weight: 600;position: absolute;left:180px;top: 44px;}
				li{float: left;font-size: 22px;padding: 10px;margin-left: 60px;color: aqua;}
				.liebiao{position: absolute;left: 300px;top: 35px;}
				.zixuankuang{font-size: 12px;color: gray;width: 210px;height:38px;position: absolute;left: 1100px;top: 38px;border-radius: 50px;}
				.sousuo{width: 40px;height: 38px;position: absolute;left: 1274px;top: 40px;border-radius: 50px;background-color: dimgray;}
				.yonghu{border-radius: 50px;width: 50px;height: 50px;position: absolute;left: 1390px;top: 30px;}
				.denglu{font-size: 20px;position: absolute;left: 1440px;top: 50px;color:#91b5ff ;background-color: #40325b;border: solid  #423364;}
				
				.si{background-color: black;height: 300px;position: relative;top: 1300px;}
				.c1{font-size: 18px;font-weight: 300;color: white;position: absolute;left: 450px;top: 50px;}
				.c1-1{color: red;}
				.c2{font-size: 18px;font-weight: 300;position: absolute;left: 520px;top:80px;color: white;}
				.c3{font-size: 18px;font-weight: 300;color: white;position: absolute;left: 600px;top:120px;}
				.c4{height: 40px;width: 130px;position: absolute;left: 580px;top:180px;}
				.c5{height: 40px;width: 130px;position: absolute;left: 740px;top:180px;}
				.c6{height: 40px;width: 130px;position: absolute;left: 900px;top:180px;}
				.z1{height: 300px;width: 1000px;border: solid 1px gray;margin-left: 300px;}
				.z1-1{font-size: 24px;margin-left: 40px;margin-top: 30px;width: 1000px;line-height: 50px;font-weight: 400;}
				.z1-2{font-size: 24px;margin-left: 40px;margin-top: 40px;width: 1000px;line-height: 50px;font-weight: 400;}
				.z1-1-1{border-radius: 50px;}
				.z2{font-size: 15px;margin-left: 310px;font-size: 30px;margin-top: 30px;}
				
				li>a{color: white;}
				.z1-1>a:hover {color: red;}
				.z1-2>a:hover {color: red;}
				.z1-2>a:active{background-color: red;color: white;border-radius: 30px;}
				.z1-1>a:active{background-color: red;color: white;border-radius: 30px;}
				.z1-2>a:visited{background-color: red;}
				.denglu>a{color: white;}
				
				.x1{margin-top: 50px;margin-left: 250px;}
				.x1-1{font-size: 25px;margin-left: 50px;margin-top: 10px;}
				.x1-2{font-size: 30px;margin-left: 80px;color: orange;font-style: italic;margin-top: 10px;}
				
				.x2{margin-top: 50px;position: absolute;top: 650px;left: 550px;}
				.x2-1{font-size: 25px;margin-left: 50px;margin-top: 10px;}
				.x2-2{font-size: 30px;margin-left: 80px;color: orange;font-style: italic;margin-top: 10px;}
				
				.x3{margin-top: 50px;position: absolute;top: 650px;left: 850px;}
				.x3-1{font-size: 25px;margin-left: 6px;margin-top: 10px;}
				.x3-2{font-size: 30px;margin-left: 80px;color: orange;font-style: italic;margin-top: 10px;}
				
				.x4{margin-top: 50px;position: absolute;top: 650px;left: 1150px;}
				.x4-1{font-size: 25px;margin-left: 60px;margin-top: 10px;}
				.x4-2{font-size: 30px;margin-left: 80px;color: orange;font-style: italic;margin-top: 10px;}
				
		</style>
	</head>
	<body>
		<div class="bjt">
			<div class="si">
				<div class="c1">关于悦享汇：<span class="c1-1">关于我们	| 管理团队 | 投资者关系 |</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;友情链接：<span class="c1-1">美团网 | 美团下载 | 欢喜首映 |</span></div>
				<div class="c2">QQ邮箱：2112633811.com&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客服电话：152425125</div>
				<div class="c3">悦享汇用户服务协议 |			悦享汇平台交易规则总则 | 			隐私政策 |</div>
				<img src="img/C9.png"class="c4" >
				<img src="img/C8.png"class="c5" >
				<img src="img/C7.png"class="c6" >
				</div>
			<img src="img/R-C.png" class="huixiang">
			<div class="ziti">悦享汇电影</div>
			<div class="liebiao">
				<ul>
				<li><a href="shouye.jsp">首页</a></li>
				<li><a href="dianying.jsp">电影</a></li>
				<li><a href="yingyuan.jsp">影院</a></li>
				<li><a href="bangdan.jsp">榜单</a></li>
				<li><a href="redian.jsp">热点</a></li>
				<li><a href="shangcheng.jsp">商城</a></li>
			</ul>
			</div>
			<%@include file="sousuo.jsp"%>

			<img src="img/02(1).png" class="yonghu">
			<div class="denglu">
				<a href="denglu.jsp">登录</a>
			</div>
		
		
		<div class="z1">
			<div class="z1-1">
				类型： <a href="#"style="background-color: red;color: white;border-radius: 30px";>全部</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="aiqingbiaoqian.jsp">爱情</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">喜剧</a>
				&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">动画</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">剧情</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">恐怖</a>
				&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">惊悚</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">科幻</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">动作</a>
				&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">悬疑</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">犯罪</a>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">冒险</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">战争</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">奇幻</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">运动</a>
				&nbsp;&nbsp;&nbsp;<a href="#">家庭</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">古装</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">武侠</a>
				&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">历史</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">歌舞</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">短片</a>
				&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">纪录片</a></br>
			</div>
			<div class="z1-2">
				区域：<a href="#"style="background-color: red;color: white;border-radius: 30px";>全部</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">大陆</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">美国</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">韩国</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">日本</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">中国香港</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">中国台湾</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">泰国</a>&nbsp;
				&nbsp;&nbsp;&nbsp;<a href="#">印度</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">法国</a>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">英国</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">俄罗斯</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">意大利</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">西班牙</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">德国</a>&nbsp;&nbsp;&nbsp;
					<a href="#">波兰</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">澳大利亚</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">伊朗</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">其他</a></br>
			</div>
					
		</div>
			<form action="" method="">
				<div class="">
					<input type="radio"  class="z2"/>		按热门排序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio"  class="z3"/>		按时间排序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio"  class="z4"/>		按评价排序
				</div>
				
			</form>
			
			
				<div class="x1">
					<img src="img/aq1.jpg"  >
					<div class="x1-1">这么多年</div>
					<div class="x1-2">9.5</div>
				</div>
				
				<div class="x2">
					<img src="img/aq2.jpg"  >
					<div class="x2-1">泰坦尼克号</div>
					<div class="x2-2">9.6</div>
				</div>
						
				<div class="x3">
					<img src="img/aq3.jpg"  >
					<div class="x3-1">不能错过的只有你</div>
					<div class="x3-2">8.1</div>
				</div>
						
				<div class="x4">
					<img src="img/aq5.jpg"  >
					<div class="x4-1">铃芽之旅</div>
					<div class="x4-2">9.2</div>
				</div>
						
												
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			</body>
</html>
